<!-- 压力统计的数据列表组件 -->
<template>
  <div id="pressures">
    <table
      id="pressure-list"
      border="1px #e4e4e4"
      cellpadding="10"
      cellspacing="0"
    >
      <tr id="pressure-list-nav">
        <td>采集时间</td>
        <td>名流公馆西</td>
        <td>名流公馆东</td>
        <td>人民花园</td>
        <td>星都花园</td>
      </tr>
      <tr v-for="i in 10">
        <td>2022/5/6 23:59</td>
        <td>0.27</td>
        <td>0.19</td>
        <td>0.3</td>
        <td>0.26</td>
      </tr>
    </table>
  </div>
</template>

<script setup lang="ts">
import { userPressureData } from "../../../store/pressureData";
let pressure = userPressureData();
let list = [];
// 获取渲染需要的数据
list = pressure.dataList;
</script>

<style scoped>
#pressure-list {
  border: 0 solid #e4e4e4;
  width: 100%;
  font-size: 10px;
  font-weight: 400;
  font-family: "FontAwesome",serif;
  color: #666666;
}

#pressures {
  border: 2px solid #a6dbff;
  margin-top: 8px;
  height: 100%;
}

#pressure-list-nav {
  background-color: #d7effe;
}

#pressure-list-nav td {
  border: 1px solid #8dd1ff;
}
</style>
